<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>高度</title>

        <style type="text/css">

            .wrapper {
                border: 2px solid blue ;
                width: 80% ; /* 块元素相对于外部父元素的宽度 */
                height: 200px ;
                margin: 30px 0 ;
            }

            .first { 
                width: 100% ;
                background-color: #dedede ;

                max-height: 150px ;
                height: 100% ; /* 块元素相对于外部父元素的高度 */
                min-height: 100px ;

            }

        </style>

    </head>
    <body>

        <div class="wrapper">
            <div class="first">珍爱生命，远离IE</div>
        </div>
        
    </body>
</html>